@CHARSET "UTF-8";
#bg{
  position:absolute;
    width:100%;
    height:400px;
    float:left;
    left:10%;
    top:15%;
    }
    
    #im{
    width:300px;
    height:400px;
    border:2px solid red;
    background-size:100%;
    float:left;  
     margin: 10px auto;
    overflow: hidden;
    background:white;
    }
    
    .ima{
    width:300px;
    height:400px;
     cursor: pointer;
     transition: all 0.6s;
    }
    
   .ima:hover{
    transform: scale(1.4);
   }
    
    #info{
     float:left;
   margin-left:20px;
    }
  li{
  list-style:none;
  height:40px;
  width:300px;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom:5px;
  font-size:18px;
  text-algin:center;
  }
  
 li:last-child{
 position:relative;
 
 height:100px;
  width:300px;
 }
  .n1{
  width:80px;
  height:40px;
  margin-right:10px;
  }
  
  .n2{
   width:80px;
  height:40px;
  margin-right:10px;
  position:absolute;
 
  }
  .t1{
  height:40px;
  width:120px;
  
  }
  
  textarea{
  height:100px;
   width:250px;
   position:absolute;
  
  left:85px;
  }
  
  hr{
   margin-left:30px;
   width:380px;
   height:2px;
   
  }
  
  b{
    margin-left:30px;
  }